{include file="public/header" /}
<link rel="stylesheet" href="/static/admin/builder/css/base.css" media="all">
<style>
    .layui-form-item {
        margin-bottom: 15px !important;
        clear: both;
        *zoom: 1;
    }
    .layui-timeline-title{
        margin-bottom: 25px;
    }
</style>

<body>
<div class="layui-fluid layui-anim layui-anim-downbit">
    <div class="layui-card">
        <div class="layui-card-body layui-form" style="padding: 15px;">
            <form action="{:url('service')}" class="layui-form" id="form">
                <input type="hidden" name="id" value="{$info.id}"/>
                <div class="layui-timeline">
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">订单信息</h3>
                            <div class="layui-form-item">
                                <label class="layui-form-label">订单编号</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.sn}" readonly="">
                                </div>
                                <label class="layui-form-label">下单时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.create_time}" readonly="">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">订单状态</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.status}" readonly=""
                                           style="color: red">
                                </div>
                                <label class="layui-form-label">支付方式</label>
                                <div class="layui-input-inline">
                                    <input type="text" readonly="" autocomplete="off" class="layui-input"
                                           value="{$info.pay_way}"/>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">支付状态</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.pay_state?'已支付':'未支付'}"
                                           readonly="">
                                </div>
                                <label class="layui-form-label">支付时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.pay_time}" placeholder="未支付"
                                           readonly="">
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label">总金额</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.total_amount}" readonly="">
                                </div>

                                <label class="layui-form-label">实付金额</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.real_amount}" readonly="">
                                </div>
                            </div>
                            {if isset($info) && $info.pay_way=="组合支付"}
                            <div class="layui-form-item">
                                <label class="layui-form-label">积分价格</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.integral}" readonly="">
                                </div>
                            </div>
                            {/if}
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注</label>
                                <div class="layui-input-block">
                                    <input type="text" class="layui-input" value="{$info.remark}" readonly=""
                                           style="width: 100%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">下单会员</h3>
                            <div class="layui-form-item">

                                <label class="layui-form-label">会员编号</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.user.code}" readonly="">
                                </div>

                                <label class="layui-form-label">会员昵称</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.user.nickname}" readonly="">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">会员手机号</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.user.mobile}" readonly="">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">退款信息</h3>
                            <div class="layui-form-item">

                                <label class="layui-form-label">退款原因</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.reason?:''}" readonly="">
                                </div>

                                <label class="layui-form-label">退款说明</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{$info.illustrate?:''}" readonly="">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">申请时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" value="{:date('Y-m-d H:i:s',$info.refund_time)}" placeholder="未申请"
                                           readonly="">
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label">商品图片</label>
                                <div class="layui-input-inline">
                                    {foreach name="$info.refund_img" item="vo"}
                                    <div class="material-preview">
                                        <div class="del-wrap">
                                            <div style="position: relative">
                                                <div class="file-item relative" style="height: 100px; width: 100px;">
                                                    <div class="el-image image">
                                                        <img src="{$vo}" class="el-image__inner" style="object-fit: contain;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            {if $info->getData('refund_status') == 1}
                            <h3 class="layui-timeline-title">审核</h3>
                            <div class="layui-form-item">
                                <label class="layui-form-label">审核状态</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="refund_status" value="2" title="通过">
                                    <input type="radio" name="refund_status" value="3" title="驳回">
                                </div>
                            </div>
                            {else}
                            <div class="layui-form-item">
                                <label class="layui-form-label">状态</label>
                                <div class="layui-input-block">
                                    <input type="text"
                                           value="{if $info->getData('refund_status') == 2}已通过{elseif $info->getData('refund_status') == 3}已驳回{else}待审核{/if}"
                                           class="layui-input" disabled/>
                                </div>
                            </div>
                            {/if}
                            {if $info->getData('refund_status') != 2}
                            <div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">驳回原因</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="reject_msg" value="{$info.reject_msg?:''}"
                                               placeholder="如要驳回请输入驳回原因"
                                               class="layui-input"/>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            {if $info->getData('refund_status') != 1}
                            <div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">处理时间</label>
                                    <div class="layui-input-block">
                                        <input type="text" value="{$info.confirm_time?:''}" class="layui-input" disabled/>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">处理人</label>
                                    <div class="layui-input-block">
                                        <input type="text" value="{$info.admin_name?:''}" class="layui-input" disabled/>
                                    </div>

                                </div>
                            </div>
                            {/if}

                        </div>
                    </div>
                </div>
            </form>
        </div>

    </div>

</div>

{include file="public/submit" /}

</body>
{include file="public/footer" /}
</html>